.form_control {

  border: 1px #ccc solid;

}



input[type="text"],

input[type="password"] {

  border: none;

  width: 100%;

}



.form_control.active {

  border: 1px #32BC61 solid;

  background-color: #fff;

}



.form_control.error {

  border: 1px #f00 solid;

  background-color: #FBF9BB;

}



.form_control.error input[type="text"],

.form_control.error input[type="password"] {

  background-color: #FBF9BB;

  color: #f00;

}



input[type="text"]:focus,

input[type="password"]:focus {

  border: none;

  outline: none;

}



.form_control .valid_message {

  color: #32BC61;

  position: absolute;

  left: 325px;

  top: 5px;

  width: 200px;

}



.form_control.error .valid_message {

  color: #f00;

}



.form_control.success .valid_message {

  background: url(sucess.png) no-repeat;

  left: auto;

  right: 5px;

  top: 4px;

  width: 16px;

  height: 16px;

}



.none {

  display: none;

}